<template>
	<view class="safety_center_warp">
		<Header leftPathType="switchTab" leftPath="/pages/mine/mine" :title="$t('mine.safety.center')"/>
		<view class="safety_center_content">
			<view class="_content_item">
				<view class="_content_item_title">{{$t('common.nickname')}}</view>
				<view class="_content_item_value">{{userData.name}}</view>
			</view>
			<view class="_content_item_fg"></view>
			<view class="_content_item">
				<view class="_content_item_title">{{$t('common.mobile')}}</view>
				<view class="_content_item_value">{{userData.phone}}</view>
			</view>
			<view class="_content_item_fg"></view>
			<view class="_content_item">
				<view class="_content_item_title">{{$t('common.email')}}</view>
				<view class="_content_item_value">{{userData.email}}</view>
			</view>
		</view>
		<view class="_content_item_fg2"></view>
		<view class="safety_center_content2">
			<view class="safety_center_total" @click="jumpTransactionPw">
				<view class="safety_center_comm">
					<view style="margin-right: 10rpx;">
						<up-image src="/static/mine/icon_jymm.png" width="18" height="18" bgColor="#f1f6ff00"></up-image>
					</view>
					<view class="_content_item_title">{{$t('mine.safety.center.transaction.password')}}</view>
				</view>
				<view class="safety_center_comm">
					<view class="_content_item_value" style="font-size: 26rpx;">{{$t('common.update')}}</view>
					<view style="margin-left: 10rpx;">
						<up-image src="/static/comm/right_2.png" width="16" height="16" bgColor="#f1f6ff00" ></up-image>
					</view>
				</view>
			</view>
			<view class="_content_item_fg"></view>
			<view class="safety_center_total" @click="jumpLoginPw">
				<view class="safety_center_comm">
					<view style="margin-right: 10rpx;">
						<up-image src="/static/mine/icon_dlmm.png" width="18" height="18" bgColor="#f1f6ff00"></up-image>
					</view>
					<view class="_content_item_title">{{$t('mine.safety.center.login.password')}}</view>
				</view>
				<view class="safety_center_comm">
					<view class="_content_item_value" style="font-size: 26rpx;">{{$t('common.update')}}</view>
					<view style="margin-left: 10rpx;">
						<up-image src="/static/comm/right_2.png" width="16" height="16" bgColor="#f1f6ff00" ></up-image>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import Header from '@/components/header_comm2.vue';
	import { getStorageFun,USER_DATA,clear } from '@/utils/auth.js';
	
	export default {
		components:{Header},
		data() {
			return {
				userData:{},
			};                   
		},
		mounted() {
			this.userData = getStorageFun(USER_DATA);
		},
		methods: {
			jumpTransactionPw(){
				uni.redirectTo({
					url: '/pages/transaction_password/transaction_password'
				})
			},
			jumpLoginPw(){
				uni.redirectTo({
					url: '/pages/edit_login_password/edit_login_password'
				})
			},
		}
	}
</script>

<style lang="scss">
.safety_center_warp{
	height: calc(100vh - 0rpx);
	.safety_center_content{
		padding: 30rpx 30rpx 0;
		._content_item{
			display: flex;
			justify-content: space-between;
			align-items: center;
			font-weight: 500;
			font-size: 30rpx;
			padding: 30rpx 0;
			
		}
	}
	._content_item_fg{
		border-top: 1rpx solid #EEEEEE;
		width: 100%;
		height: 1rpx;
	}
	._content_item_fg2{
		background: #F5F5F5;
		width: 100%;
		height: 10rpx;
	}
	.safety_center_comm{
		display: flex;
		align-items: center;
	}
	.safety_center_content2{
		padding: 0 30rpx;
	}
	.safety_center_total{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 30rpx 0;
	}
	._content_item_title{
		color: #222222;
	}
	._content_item_value{
		color: #999999;
	}
}
</style>
